// pages/cates/cates.js
const {http} = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 一级分类
    navs: [],
    // 二级分类
    subNav: [],
    // 一级分类下标
    index: 0,
    // 二级分类下标
    subIndex: 0,
    // 二级分类下的商品列表
    itemList: [],
  },
  // 获取一级分类
  getNavs () {
    http({
      url: '/goods/getCategoryList'
    }).then(res => {
      if (res.data.code === 200) {
        this.setData({
          navs: res.data.message
        })
      }
      this.getSubCates(this.data.navs[this.data.index].ID)
    })
  },
  // 请求一级导航下的二级导航
  getSubCates(id){
    http({
      url: '/goods/getCategorySubList',
      method: "POST",
      data: {
        categoryId: id
      }
    }).then(res => {
     if(res.data.code===200){
       this.setData({
         subNav: res.data.message
       })
       this.data.itemList= []
       this.getItemList()
     }
    })
  },
  // 请求二级分类下的商品列表
  getItemList () {
    http({
      url: '/goods/getGoodsListByCategorySubID',
      method: 'POST',
      data: {
        categorySubId: this.data.subNav[this.data.subIndex].ID,
        page: 1,
        num: 20
      }
    }).then(res => {
      if(res.data.code === 200){
        this.setData({
          itemList: res.data.message
        })
      }
    })
  },
  // 点击切换一级分类
  changeCate (e) {
    const {num} = e.currentTarget.dataset
    this.setData({
      index: num,
      subIndex: 0,
    })
    this.getSubCates(this.data.navs[this.data.index].ID)
  },
   // 点击切换二级分类
   changeSubCate (e) {
    const {index} = e.currentTarget.dataset
     this.setData({
       subIndex: index
     })
     this.getItemList()
  },
  //  进入详情页
 enterDetail(e){
  const {id} = e.currentTarget.dataset
  wx.navigateTo({
    url: `/pages/detail/detail?id=${id}`,
  })
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getNavs()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})